@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .icon_btn {
    @apply bg-transparent rounded-full scale-150 p-1 hover:bg-slate-200 duration-300 cursor-pointer;
  }
}

img {
  -webkit-user-drag: none;
}

* {
  user-select: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* 整个滚动条 */
.diy_scrollbar::-webkit-scrollbar {
  width: 5px;
  /* 宽度 */
}

/* 滚动条轨道 */
.diy_scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  /* 轨道背景颜色 */
}

/* 滚动条滑块 */
.diy_scrollbar::-webkit-scrollbar-thumb {
  background-color: #aeabab;
  /* 滑块背景颜色 */
  border-radius: 5px;
  /* 滑块圆角 */
}

/* 鼠标悬停在滚动条滑块上时 */
.diy_scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555;
  /* 滑块悬停时的背景颜色 */
}
